<!DOCTYPE html>
<html xmlns="http://www.w3.org/1999/xhtml" xmlns:th="http://www.thymeleaf.org">
<base th:href="@{/}">
<head>
    <meta charset="UTF-8">
    <title>迅购-欢迎登录</title>
    <link rel="stylesheet" th:href="@{/assets/css/cssreset.css}">
    <link rel="stylecut icon" th:href="@{/assets/images/Shop.ico}">
    <link rel="stylesheet" th:href="@{/assets/css/login.css}">
    <script th:src="@{/assets/js/jquery-3.0.0.min.js}"></script>
    <script th:src="@{/assets/js/login.js}"></script>
</head>
<body>
<header>
    <h1><img src="assets/images/logo/logo.png" alt=""></h1>
    <h2><img src="assets/images/l-icon.png" alt=""></h2>
</header>
<div class="tip">
    <p><span></span>依据《网络安全法》，为保障您的账户安全和正常使用，请尽快完成手机号验证！新版<a href="#">《迅购隐私政策》</a>已上线，将更有利于保护您的个人隐私。</p>
</div>
<main>
    <div class="con">
        <div class="login-all">
            <p>
                <span></span>
                迅购不会以任何理由要求您转账汇款，谨防诈骗。
            </p>
            <ul>
                <li class="redd">扫码登录</li>
                <li>账户登录</li>
            </ul>

            <div class="mid">
                <div class="mid-top">
                    <div class="mid1">
                        <img src="assets/images/show.png" alt="">
                    </div>
                    <div class="mid2">
                    </div>
                </div>
                <p>打开<a href="#">手机迅购</a>扫描二维码</p>
                <ul>
                    <li><span>免输入</span></li>
                    <li><span>更快</span></li>
                    <li><span>更安全</span></li>
                </ul>
            </div>
            <div class="midd">

                <p class="tipp tip1">
                    <span></span>请输入账户名和密码
                </p>
                <p class="tipp tip2">
                    <span></span>请输入账户名
                </p>
                <p class="tipp tip3">
                    <span></span>请输入密码
                </p>
                <p class="tipp tip4">
                    <span></span>用户名或密码错误
                </p>
                <span></span>
                <input type="text" placeholder="手机号" class="inp1">
                <span></span>
                <input type="password" placeholder="密码" class="inp2">
                <p class="forget"><a href="/user/login">忘记密码</a></p>
                <button id="login">登录</button>
            </div>

            <div class="bot">
                <ul>
                    <li><span></span><a href="/user/login">QQ</a></li>
                    <li><span></span><a href="/user/login">微信</a></li>
                </ul>
                <a href="/user/sign-up"><span></span>立即注册</a>
            </div>
        </div>
    </div>
</main>
<footer>
    <p><a href="#">关于我们</a><a href="#">联系我们</a><a href="#">人才招聘</a><a href="#">商家入驻</a><a href="#">广告服务</a><a
            href="#">手机迅购</a><a href="#">友情链接</a><a href="#">销售联盟</a><a href="#">迅购社区</a><a href="#">迅购公益</a><a
            href="#">English Site</a></p>
    <p>Copyright © 2004-2020 华信HX.com 版权所有</p>

</footer>
<script th:src="@{/assets/js/login.js}"></script>
</body>
</html>